<template>
  <div class="about">
    <el-button>默认按钮</el-button>
    <el-button type="primary">主要按钮</el-button>
    <el-button type="success">成功按钮</el-button>

    <el-input v-model="input" placeholder="请输入内容" @input="inputFormat"></el-input>
  </div>
</template>
<script>
export default {
  data () {
    return {
      input: ''
    }
  },
  methods: {
    // 格式化金额，保留 2 位小数
    formatAmount (value) {
      if (value !== '') {
        console.log(value)
        value = parseFloat(value).toFixed(2)
        console.log(value)
      }
      return value
    },
    inputFormat (value) {
      console.log(value)
      value = value.replace(/\D/g, '') // 去除非数字字符
      value = value.replace(/^0+(\d+)/, '$1') // 去除前导 0
      value = value.replace(/(\d{1,5})\d*/, '$1') // 限制最多 5 位整数
      value = parseFloat(value) // 转为浮点数
      // return isNaN(value) ? '' : value
      this.input = value
    },
    // 解析金额，去除千位分隔符并转为浮点数
    parseAmount (value) {
      value = value.replace(/\D/g, '') // 去除非数字字符
      value = value.replace(/^0+(\d+)/, '$1') // 去除前导 0
      value = value.replace(/(\d{1,5})\d*/, '$1') // 限制最多 5 位整数
      value = parseFloat(value) // 转为浮点数
      return isNaN(value) ? '' : value
    }
  }

}
</script>
